<!DOCTYPE HTML>
<html lang="en" ng-app>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title><?php echo $title
			?>
			- version de présentation [pré-alpha]</title>

		<!-- Bootstrap -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="<?php echo base_url(); ?>assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="<?php echo base_url(); ?>assets/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

		<!-- <link href="<?php echo base_url(); ?>assets/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet"> -->
		<?php
		/*
		 *  Load css files
		 *
		 */
		if (isset($css_files)) {
			foreach ($css_files as $file) :
				echo '<link type="text/css" rel="stylesheet" href="' . base_url() . 'assets/css/' . $file . '.css" />';
			endforeach;
		}
		/*
		 * Load css related to plugins
		 *
		 */
		if (in_array('jquery-file-upload', $plugin)) {
			echo '  <!-- Force latest IE rendering engine or ChromeFrame if installed -->
			<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
			<!-- Generic page styles -->
			<link rel="stylesheet" href="' . base_url() . 'assets/jquery-file-upload/css/style.css">
		<!-- Bootstrap CSS fixes for IE6 -->
		<!--[if lt IE 7]><link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap-ie6.min.css"><![endif]-->
		<!-- Bootstrap Image Gallery styles -->
		<link rel="stylesheet" href="http://blueimp.github.com/Bootstrap-Image-Gallery/css/bootstrap-image-gallery.min.css">
		<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
		<link rel="stylesheet" href="' . base_url() . 'assets/jquery-file-upload/css/jquery.fileupload-ui.css">
					<!-- CSS adjustments for browsers with JavaScript disabled -->
					<noscript><link rel="stylesheet" href="' . base_url() . 'assets/jquery-file-upload/css/jquery.fileupload-ui-noscript.css"></noscript>
				<!-- Shim to make HTML5 elements usable in older Internet Explorer versions -->
				<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->';
		}

		if (in_array('leaflet', $plugin)) {
			echo '<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" />';
			echo '<!--[if lte IE 8]><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.ie.css" /><![endif]-->';

			// plugin leaflet -> marker cluster
			echo '<link rel="stylesheet" href="' . base_url() . 'assets/leaflet/plugin/markercluster/MarkerCluster.css" />
							<link rel="stylesheet" href="' . base_url() . 'assets/leaflet/plugin/markercluster/MarkerCluster.Default.css" />
						<!--[if lte IE 8]><link rel="stylesheet" href="' . base_url() . 'assets/leaflet/plugin/markercluster/MarkerCluster.Default.ie.css" /><![endif]-->';
		}

		if (in_array('fineuploader', $plugin)) {
			echo '<link rel="stylesheet" href="' . base_url() . 'assets/fineuploader/fineuploader-bootstraped.css">';
		}
		?>
	</head>
	<body>
		<div id="header">
			<div class="navbar navbar-fixed-top navbar-inverse">
				<div class="navbar-inner">
					<div class="container">
						<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>

						<a class="brand" href="/adon/">Adon</a>

						<div class="nav-collapse collapse">
							<form class="navbar-search">
								<input type="text" class="search-query" placeholder="What are you looking for?">
							</form>
							<?php
							if ($page == 'items' || $page == 'item') {
								echo '

<div class="connected hide margin-left pull-left btn-group">
<button class="btn btn-inverse" id="find_me">
Find me!
</button>
<button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<!-- dropdown menu links -->
<li>
<a href="#">Remember my location</a>
</li>
<li>
<a href="#">Forget my location</a>
</li>
</ul>
</div>
<button id="find_me" class="disconnected hide btn btn-inverse pull-left margin-left">
Find me!
</button>
<button id="add_object_button" class="connected hide btn btn-primary pull-left margin-left">
Add an object
</button>

<div id="menuUsers" class="connected hide pull-right margin-left btn-group">
<button class="btn btn-inverse">
My objects
</button>
<button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<!-- dropdown menu links -->
<li>
<a href="#">My account</a>
</li>
<li>
<a href="#">Find users</a>
</li>
<li>
<a href="#" onClick="CC.logout()">Disconnect</a>
</li>
</ul>
</div>

<div class="btn-group disconnected hide pull-right">
<a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"> Connect <span class="caret"></span> </a>
<ul class="dropdown-menu">
<!-- dropdown menu links -->
<li><a href="' . base_url() . 'auth/login">Adon login</a></li>
<li><a href="#" onclick="CC.login();">Facebook</a></li>
</ul>
</div>';

							}
							?>
						</div>

					</div>
				</div>
			</div>
		</div>
		<div id="main" class="wrap row-fluid">
